<template>
  <div class="share">
    <el-main>
      <div v-html="html"></div>
    </el-main>
  </div>
</template>

<script>
import {
  detailCatalog,
} from "@/api/configApi";

export default {
  data() {
    return {
      html: ''
    };
  },
  watch: {},
  filters: {
    
  },
  props: {},
  components: {
  },
  async mounted() {
   this.see(this.$route.query.id)
  },
  methods: {
    see(id) {
      detailCatalog({
        id: id,
      }).then((res) => {
        this.html = res.list[0].referee.cfto;
      });
    },
  },
};
</script>

<style scoped lang="less">

@media (max-width: 1360px) {}

@media (max-width: 1280px) {}

@media (max-width: 768px) {
  .share .box .itemBox {
    width: 100%;
  }
}
</style>
